$(function(){

    // 1.查看所有文章分类
    getCateList()
    function getCateList(){
        $.ajax({
            type:"get",
            url:"/my/article/cates",
            success:function(res){
                console.log(res);
                
                if(res.status!==0){
                    return layui.layer.msg("获取文章分类失败")
                }
                var htmlStr = template("cateListTpl",res)
                $('#cateList').html(htmlStr)
            }
        })
    }

    // 2.添加文章分类
    var indexAdd = null
    $("#cateAdd").on("click",function(){
        // 添加弹出层
        indexAdd = layui.layer.open({
            type:1,
            title:"添加文章分类",
            area:['500px','250px'],
            content:$("#cateAddTpl").html()
        })
    })

    $(document).on("submit","#cateAddForm",function(e){
        e.preventDefault()
        
        $.ajax({
            type:"post",
            url:"/my/article/addcates",
            data:$(this).serialize(),
            success:function(res){
                if(res.status!==0){
                    return layui.layer.msg("添加分类失败")
                }
                layui.layer.msg("添加分类成功")
                getCateList()
                layui.layer.close(indexAdd)
            }
        })
        
    })

    // 3.修改文章分类
    // 3.1.设置自定义属性
    var indexEdit = null
    $("#cateList").on("click",".edit",function(){
        // 3.2 分类修改的弹出框
         indexEdit = layui.layer.open({
            type:1,
            title:"修改文章分类",
            area:['500px','250px'],
            content:$("#cateEditTpl").html()
        })
         // 3.3.ajax请求获取分类的数据
         var id = $(this).data("id")
         
         $.ajax({
             type:"get",
             url:"/my/article/cates/"+id,
             success:function(res){
                // console.log(res);
                if(res.status!==0){
                    return layui.layer.msg("获取分类数据失败")
                }
                // 3.4.将数据赋值给表单
                layui.form.val("cateEditForm",res.data)
                
             }
         })
    })

    // 3.5修改分类表单
    $(document).on("submit","#cateEditForm",function(e){
        e.preventDefault()

        $.ajax({
            type:"post",
            url:"/my/article/updatecate",
            data:$(this).serialize(),
            success:function(res){
                if(res.status!==0){
                    return layui.layer.msg("修改分类失败")
                }
                layui.layer.msg("修改分类成功")
                getCateList()
                layui.layer.close(indexEdit)
            }
        })
    })


    // 4.删除文章分类
    $("#cateList").on("click",".del",function(){ 
        var id = $(this).attr("data-id")

        layui.layer.confirm('你确定要删除吗?', {icon: 3, title:'提示'}, function(index){
            //do something

            $.ajax({
                type:"get",
                url:"/my/article/deletecate/"+id,
                success:function(res){
                    if(res.status!==0) {
                        return layui.layer.msg("删除分类失败")
                    }
                    layui.layer.msg("删除分类成功")

                    getCateList()
                    layui.layer.close(index);
                }
            })
           
          });
    })

})